﻿<!DOCTYPE HTML>
<html>
{include file="public:header_css"}
<link href="__STATIC__/admin/lib/webuploader/0.1.5/webuploader.css" rel="stylesheet" type="text/css" />
<body>

<nav class="breadcrumb">
	<i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 门店管理 <span class="c-gray en">&gt;</span> 添加门店
	<a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a>
</nav>

<div class="page-container">

	<div action="" method="post" class="form form-horizontal" id="form-shops-add" enctype="multipart/form-data">
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3">开始时间：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<select class="select" size="1" id="start_hour" style="float:left;width:80px;margin-right:10px;">
					<!--<option value="00" selected>00 时</option>-->
					{foreach name="hour" item="val" key="key"}
						<option value="{$val}">{$val} 时</option>
					{/foreach}
				</select>
				<select class="select" size="1" id="start_minute" style="float:left;width:80px;">
					<option value="00" selected>00 分</option>
					{foreach name="minute" item="val" key="key"}
						<option value="{$val}">{$val} 分</option>
					{/foreach}
				</select>
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3">结束时间：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<select class="select" size="1" id="end_hour" style="float:left;width:80px;margin-right:10px;">
					<!--<option value="00" selected>00 时</option>-->
					{foreach name="hour" item="val" key="key"}
					<option value="{$val}">{$val} 时</option>
					{/foreach}
				</select>
				<select class="select" size="1" id="end_minute" style="float:left;width:80px;">
					<option value="00" selected>00 分</option>
					{foreach name="minute" item="val" key="key"}
					<option value="{$val}">{$val} 分</option>
					{/foreach}
				</select>
			</div>
		</div>
		<div class="row cl">
			<div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
				<button class="btn btn-primary radius" type="submit" id="submit">&nbsp;&nbsp;提交&nbsp;&nbsp;</button>
                <a class="btn btn-warning radius" href="{:url('index')}">&nbsp;&nbsp;取消&nbsp;&nbsp;</a>
			</div>
		</div>
	</div>

</div>
{include file="public:footer_js"}

<script type="text/javascript" src="__STATIC__/admin/lib/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" src="__STATIC__/admin/lib/jquery.validation/1.14.0/jquery.validate.js"></script>
<script type="text/javascript" src="__STATIC__/admin/lib/jquery.validation/1.14.0/validate-methods.js"></script>
<script type="text/javascript" src="__STATIC__/admin/lib/jquery.validation/1.14.0/messages_zh.js"></script>
<script type="text/javascript">
    $(function(){

        $("#submit").click(function(){

            var start_hour 		= $("#start_hour").val();
			var start_minute 	= $("#start_minute").val();
			var end_hour 		= $("#end_hour").val();
			var end_minute		= $("#end_minute").val();

			if(Number(start_hour) > Number(end_hour) || (Number(start_hour) === Number(end_hour) && Number(start_minute) >= Number(end_minute))){
                layer.msg('开始时间不能晚于结束时间',{icon:5,time:2000});
                return ;
			}

            // 异步提交数据
			$.post(
			    "{:url('add')}",
				{
                    start_hour:start_hour,
                    start_minute:start_minute,
                    end_hour:end_hour,
                    end_minute:end_minute
				},
				function (res) {

					if(res.code === 0){

                        layer.msg(res.msg,{icon:5,time:2000});

					}else{

                        layer.msg(res.msg,{icon:6,time:2000});

                        // 定时跳转页面
                        setTimeout(
                            // 跳转至管理后台首页
                            function(){
                                location.replace("{:url('index')}");
                            },
                            3000
                        );
					}
                }
			);

		});

    });
</script>

</body>
</html>